Table of Contents Previous Section

Launching WebObjects Builder

 Now that you've created your project, you'll edit the Main component with WebObjects Builder.

  1. Select Web Components in the first column of the browser.

  2. Double-click Main.wo in the second column.

    The application WebObjects Builder launches and displays a window entitled Main.wo. This represents your application's Main component.

    You create your component graphically in the upper pane of the component window. The browser at the bottom of the window (known as the object browser) is used to display variables and methods your component uses. Note that there are two variables already defined, application and session. You'll create others later.

    The toolbar at the top of the window contains several buttons that allow you to create the content of your component. WebObjects Builder also has menu commands corresponding to these buttons.

    Note: Depending on the width of the window, the toolbar may appear in two rows or one.

  3. From the pop-up list at the left of the toolbar, choose .

    This pop-up list allows you to switch between graphical editing mode and source editing mode. When you choose source editing mode, the text of your HTML template (Main.html) appears. It is a skeleton at this point, since the page is empty. As you add elements graphically, their corresponding HTML tags appear in this file.

    The bottom pane shows your declarations (Main.wod) file. Later, when you bind variables to your dynamic elements, this file stores the information. Normally, you never edit this file directly.

  4. Switch back to graphical editing mode. For the rest of the tutorial, you'll work in this mode.

Table of Contents Next Section